<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"/>
    <meta name="renderer" content="webkit"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
    <title>搜索结果展示</title>
    <link rel="shortcut icon" th:href="@{/image/walmart.png}" type="image/x-icon"/>
    <script th:src="@{/layui/jquery-3.2.1.min.js}" type="text/javascript"></script>
    <script th:src="@{/js/jquery-3.3.1.min.js}" type="text/javascript"></script>
    <link th:href="@{/layui/css/layui.css}" rel="stylesheet" type="text/css"/>
    <link th:href="@{/css/font-awesome.min.css}" rel="stylesheet" type="text/css"/>
    <link th:href="@{/css/common.css}" rel="stylesheet" type="text/css"/>
    <link th:href="@{/css/bootstrap.min.css}" rel="stylesheet" type="text/css"/>
    <link th:href="@{/local css/index.css}" rel="stylesheet" type="text/css"/>
    <script th:src="@{/js/bootstrap.min.js}" type="text/javascript"></script>
    <script th:src="@{/layui/layui.js}" type="text/javascript"></script>
    <script th:src="@{/local js/index.js}" type="text/javascript"></script>
    <link th:href="@{/css/jquery-ui.css}" rel="stylesheet" type="text/css"/>
    <script th:src="@{/js/jquery-ui.js}" type="text/javascript"></script>
    <style>
    </style>
    <script>
    </script>
</head>

<body class="site-home">
<!--头部模块-->
<div th:replace="mall/common::head"></div>

<!--搜索页面内容-->
<div class="layui-container" id="content">
    <!--搜索内容-->
    <div class="layui-row">
        <div class="layui-col-md12"><h1 class="site-h1"><i class="fa fa-heart" style="color: #FF5722;"></i> &nbsp;搜索结果
        </h1></div>
    </div>
    <div class="layui-row" id="product_search">

    </div>
    </div>
    <script>
        $(function () {
            //加载搜索商品
            loadSearch();
        });
        function loadSearch() {
            $.get("/mall/product/hot.do", function (data) {
                if (data.state == 0) {
                    var div = $("#product_search");
                    appendToPage1(div, data.data);
                } else {
                    layer.msg("请求失败！")
                }
            });
        }
    </script>
</div>

<!--底部-->
<div th:replace="mall/common::foot"></div>
</body>
</html>